//路由核心的js文件：可以做一些个性化配置，比如导航守卫
//导入两个函数
import { createRouter, createWebHistory } from 'vue-router'
import Login from "@/views/Login.vue";


//创建路由的实例
const router = createRouter({
  //HTML模式
  history: createWebHistory(import.meta.env.BASE_URL),
  //路由配置：是一个数组
  routes: [
    {
      path: '/login', //路径，必须是唯一的
      name: 'login',//名称
      component: Login,//登录组件
    },
    {
      path: '/',
      redirect: '/login' //重定向功能
    },
    {
      path: '/register',
      name: 'register',
      component: ()=>import('@/views/Register.vue')
    },
    {
      path: '/home',//
      name: 'home',
      component: ()=>import('../views/Home.vue'),
      //嵌套路由，二级路由
      children: [
        {
          path:'index',//首页 二级路由不需要 '/' 采用 /home/index
          component: ()=>import('../components/Index.vue')
        },
        {
          path: 'about',//关于我们 组件  /home/about
          component:()=>import('../components/About.vue')
        },
      ]
    }
  ],
})
//导出路由
export default router
